<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
	<label style="margin: .5em auto 1.5em auto;"><img
		src="images/VIP_content.png" height="20" /><span
		style="font-size: 20px; font-weight: bold;">4大功能</span></label>
	<ul data-role="listview">
		<li style="padding: .1em 1em;">
			<div style="float: left;">
				<img src="images/feature1.png" height="42" />
			</div>
			<div>
				<label style="font-weight: bold;">重测职业</label> <label style=""
					class="font-opacity">每年一次，重新定位幸福职业</label>
			</div>
		</li>
		<li style="padding: .1em 1em;">
			<div style="float: left;">
				<img src="images/feature2.png" height="42" />
			</div>
			<div>
				<label style="font-weight: bold;">职业揭秘券</label> <label
					class="font-opacity">升级就送，价值68元，揭秘你的幸福职业</label>
			</div>
		</li>
		<li style="padding: .1em 1em;">
			<div style="float: left;">
				<img src="images/feature3.png" height="42" />
			</div>
			<div>
				<label style="font-weight: bold;">重测爱情</label> <label
					class="font-opacity">1次免费重测机会，多次重测权限</label>
			</div>
		</li>
		<li style="padding: .1em 1em;">
			<div style="float: left;">
				<img src="images/feature4.png" height="42" />
			</div>
			<div>
				<label style="font-weight: bold;">隐藏匹配</label> <label
					class="font-opacity">隐藏爱情匹配结果，朋友不可见</label>
			</div>
		</li>
	</ul>
	<a href="#openvip" data-role="button"
		style="margin: 1.5em 3.5em; background-color: #f16a24; color: white;">限时免费开通VIP</a>
</body>
</html>